<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<head>
	<title>Information</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="/css/home/style.css" rel="stylesheet" type="text/css" media="all"/>
	<script type="text/javascript" src="/js/common/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="/js/home/move-top.js"></script>
	<script type="text/javascript" src="/js/home/easing.js"></script>
	<script type="text/javascript" src="/js/home/info.js"></script>
</head>
<body>
  <div class="wrap">
	<div class="header">
		<div class="headertop_desc">
			<div class="call">
				<p><span>客服电话:</span><span class="number">188-1412-7570</span></p>
			</div>
			<div class="account_desc">
				<ul>
					<li><a href="#">Register</a></li>
					<li><a href="#">Login</a></li>
					<li><a href="#">Delivery</a></li>
					<li><a href="#">Checkout</a></li>
					<li><a href="#">My Account</a></li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<div class="header_top">
			<div class="logo">
				<a href="/home/item.action?userId=${User.userId}&item=home"><img src="/images/icon/logo.png" alt="" /></a>
			</div>
			  <div class="cart">
			  	   <%--<p>Welcome to our Online Store! <span>Cart:</span><div id="dd" class="wrapper-dropdown-2"> 0 item(s) - $0.00
			  	   	<ul class="dropdown">
							<li>you have no items in your Shopping cart</li>
					</ul></div></p>--%>
					   <a href="/home/item.action?userId=${User.userId}&item=cart"><input type="button" class="input-button" value="去购物车结算"></a>
			  </div>
			  <script type="text/javascript">
			function DropDown(el) {
				this.dd = el;
				this.initEvents();
			}
			DropDown.prototype = {
				initEvents : function() {
					var obj = this;

					obj.dd.on('click', function(event){
						$(this).toggleClass('active');
						event.stopPropagation();
					});	
				}
			}

			$(function() {

				var dd = new DropDown( $('#dd') );

				$(document).click(function() {
					// all dropdowns
					$('.wrapper-dropdown-2').removeClass('active');
				});

			});

		</script>
	 <div class="clear"></div>
  </div>
	<div class="header_bottom">
	     	<div class="menu">
	     		<ul>
					<li id="go_home"><a href="/home/item.action?userId=${User.userId}&item=home">主页</a></li>
					<li id="go_cart"><a href="/home/item.action?userId=${User.userId}&item=cart">购物车</a></li>
					<li id="go_order"><a href="/home/item.action?userId=${User.userId}&item=order">我的订单</a></li>
					<li id="go_collection"><a href="/home/item.action?userId=${User.userId}&item=collection">我的收藏</a></li>
					<li class="active" id="go_info"><a href="/home/item.action?userId=${User.userId}&item=info">个人信息</a></li>
					<li id="go_address"><a href="/home/item.action?userId=${User.userId}&item=address">收货地址</a></li>
					<li id="go_complaint"><a href="/home/item.action?userId=${User.userId}&item=complaint">投诉</a></li>
					<li id="go_suggest"><a href="/home/item.action?userId=${User.userId}&item=suggest">建议</a></li>
					<li id="go_about"><a href="/home/item.action?userId=${User.userId}&item=about">关于</a></li>
			    	<div class="clear"></div>
     			</ul>
	     	</div>
	     	<div class="search_box">
	     		<form>
	     			<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
	     		</form>
	     	</div>
	     	<div class="clear"></div>
	     </div>	     	
   </div>
 <div class="main">
    <div class="content">
    	<div class="section group">
				<div class="col span_2_of_3">
				  <div class="contact-form">
				  	<h2>个人信息</h2>
					    <form class="info-form">
					    	<div>
						    	<span><label> 用户名 </label></span>
						    	<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.name}" readonly="readonly"></span>
						    </div>
							<div>
								<span><label> 手机号码 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.phone}" readonly="readonly"></span>
							</div>
							<div>
								<span><label> 邮箱 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.email}" readonly="readonly"></span>
							</div>
							<div>
								<span><label> 性别 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.sex}" readonly="readonly"></span>
							</div>
							<div>
								<span><label> 住址 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.address}" readonly="readonly"></span>
							</div>
							<div>
								<span><label> 注册时间 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.createat}" readonly="readonly"></span>
							</div>
							<div>
								<span><label> 积分 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.integral}" readonly="readonly"></span>
							</div>
							<div>
								<span><label> 账号是否冻结 </label></span>
								<span><input type="text" class="textbox" style="background: #EEEEEE" value="${User.freeze}" readonly="readonly"></span>
							</div>
							<div>
								<span><input type="button" value="修改个人信息"  class="myButton" id="to_modify"></span>
							</div>
					    </form>
					  <form class="modify-form" style="display: none" method="post" action="/module/infoModify.action">
						  <div>
							  <span id="name-tips"><label> 用户名 </label></span>
							  <span><input id="userName" name="userName" type="text" style="background: #EEEEEE" class="textbox" value="${User.name}" readonly="readonly"></span>
						  </div>
						  <div>
							  <span><label> 手机号码 </label></span>
							  <span><input id="userPhone" name="userPhone" type="text" style="background: #EEEEEE" class="textbox" value="${User.phone}" readonly="readonly"></span>
						  </div>
						  <div>
							  <span><label> 邮箱 </label></span>
							  <span><input id="userEmail" name="userEmail" type="text" style="background: #EEEEEE" class="textbox" value="${User.email}" readonly="readonly"></span>
						  </div>
						  <div>
							  <span><label> 住址 </label></span>
							  <span><input id="address" name="address" type="text" class="textbox" value="${User.address}"></span>
						  </div>
						  <div>
							  <span><label> 性别 </label></span>
							  <span><input  name="sex" type="radio" class="textbox" value="male" checked="checked">男</span>
							  <span><input  name="sex" type="radio" class="textbox" value="female">女</span>
						  </div>
						  <div>
							  <span><label> 密码 </label></span>
							  <span><input id="password" name="password" style="width: 100%" height="25px" type="password" class="textbox" value="${User.password}"></span>
						  </div>
						  <div>
							  <span><input type="button" value="取消"  class="myButton" id="cancel"></span>
							  <span><input type="submit" value="提交"  class="myButton" id="modify"></span>
						  </div>
					  </form>

				  </div>
  				</div>
				<div class="col span_1_of_3">
					<div class="contact_info">
    	 				<h3>Find Us Here</h3>
					    	  <div class="map">
							   	    <iframe width="100%" height="175" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265&amp;output=embed"></iframe><br><small><a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265" style="color:#666;text-align:left;font-size:12px">View Larger Map</a></small>
							  </div>
      				</div>
      			<div class="company_address">
				     	<h3>Company Information :</h3>
						    	<p>500 Lorem Ipsum Dolor Sit,</p>
						   		<p>22-56-2-9 Sit Amet, Lorem,</p>
						   		<p>USA</p>
				   		<p>Phone:(00) 222 666 444</p>
				   		<p>Fax: (000) 000 00 00 0</p>
				 	 	<p>Email: <span>info@mycompany.com</span></p>
				   		<p>Follow on: <span>Facebook</span>, <span>Twitter</span></p>
				   </div>
				 </div>
			  </div>		
         </div> 
    </div>
 </div>
   <div class="footer">
   	  <div class="wrap">	
	     <div class="section group">
				<div class="col_1_of_4 span_1_of_4">
						<h4>Information</h4>
						<ul>
						<li><a href="about.html">About Us</a></li>
						<li><a href="contact.html">Customer Service</a></li>
						<li><a href="#">Advanced Search</a></li>
						<li><a href="delivery.html">Orders and Returns</a></li>
						<li><a href="contact.html">Contact Us</a></li>
						</ul>
					</div>
				<div class="col_1_of_4 span_1_of_4">
					<h4>Why buy from us</h4>
						<ul>
						<li><a href="about.html">About Us</a></li>
						<li><a href="contact.html">Customer Service</a></li>
						<li><a href="#">Privacy Policy</a></li>
						<li><a href="contact.html">Site Map</a></li>
						<li><a href="#">Search Terms</a></li>
						</ul>
				</div>
				<div class="col_1_of_4 span_1_of_4">
					<h4>My account</h4>
						<ul>
							<li><a href="contact.html">Sign In</a></li>
							<li><a href="index.html">View Cart</a></li>
							<li><a href="#">My Wishlist</a></li>
							<li><a href="#">Track My Order</a></li>
							<li><a href="contact.html">Help</a></li>
						</ul>
				</div>
				<div class="col_1_of_4 span_1_of_4">
					<h4>Contact</h4>
						<ul>
							<li><span>+91-123-456789</span></li>
							<li><span>+00-123-000000</span></li>
						</ul>
						<div class="social-icons">
							<h4>Follow Us</h4>
					   		  <ul>
							      <li><a href="#" target="_blank"><img src="/images/icon/facebook.png" alt="" /></a></li>
							      <li><a href="#" target="_blank"><img src="/images/icon/twitter.png" alt="" /></a></li>
							      <li><a href="#" target="_blank"><img src="/images/icon/skype.png" alt="" /> </a></li>
							      <li><a href="#" target="_blank"> <img src="/images/icon/dribbble.png" alt="" /></a></li>
							      <li><a href="#" target="_blank"> <img src="/images/icon/linkedin.png" alt="" /></a></li>
							      <div class="clear"></div>
						     </ul>
   	 					</div>
				</div>
			</div>			
        </div>
    </div>
    <script type="text/javascript">
		$(document).ready(function() {			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
    <a href="#" id="toTop"><span id="toTopHover"> </span></a>
<%--<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>--%>
</body>
</html>

